import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

createApp(App).use(store).use(router).mount('#app')
/*
slot 通俗的理解就是“占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑（替换组件模板中slot位置）
并且可以作为承载分发内容的出口
vue中将slot元素作为承载分发内容的出口，在封装组件中，使用特殊的元素slot就可以封装组件开启一个插槽，该插槽插入什么内容取决于父组件如何使用
插槽分为：默认插槽、具名插槽、作用域插槽

默认插槽
    子组件中使用<slot>元素进行占位
    父组件在使用子组件的时候往组件标签中间插入对应的结构即可
插槽的默认内容
    有时候我们希望在使用插槽时，如果没有插入对应的内容那么需要显示一个默认的内容
    这个默认的内容只会在没有提供插入的内容时才会显示
* */